// 按钮样式设置

@import '../colorVar.less';

// :global {

// 按钮
.ant-btn {
  border-radius: 4px;
  font-size: 14px;
  height: 32px;
  min-width: 80px;
  line-height: 32px;
  transition: all 0.2s;
  padding: 0 15px;
}

.ant-btn.long-content {
  width: auto;
}

// 主要按钮
.ant-btn-primary {
  color: @butt_text !important;
  background: @butt_primary !important;
  border: 1px solid @transparent !important;
}

// 主要按钮hover
.ant-btn-primary:hover {
  background: @butt_primary_hover !important;
}

// 主要按钮disable
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: @butt_disable_color !important;
  background: @butt_disable_bg !important;
  border: 1px solid @butt_disable_border !important;
}

// 辅助按钮
.ant-btn-background-ghost.ant-btn-primary {
  color: @butt_ghost !important;
  background: @transparent !important;
  border: 1px solid @butt_ghost !important;
}

// 辅助按钮hover
.ant-btn-background-ghost.ant-btn-primary:hover {
  background: @butt_primary_hover !important;
  color: @butt_text !important;
  border-color: @transparent !important;

  .anticon-question-circle {
    color: @butt_text !important;
  }
}

// 辅助按钮disable
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: @butt_disable_color !important;
  background: @butt_disable_bg !important;
  border-color: @transparent !important;
}

.ant-btn-primary .anticon-question-circle {
  color: @butt_text !important;
}

.ant-btn-background-ghost .anticon-question-circle {
  color: @butt_ghost !important;
}

//link按钮
.ant-btn.ant-btn-link {
  border: 1px solid @transparent !important;
  color: @butt_ghost !important;
  background-color: transparent;
}

.ant-btn.ant-btn-link:hover {
  color: @butt_link_text !important;
}

.ant-btn.ant-btn-link.disabled,
.ant-btn.ant-btn-link[disabled],
.ant-btn.ant-btn-link.disabled:hover,
.ant-btn.ant-btn-link[disabled]:hover,
.ant-btn.ant-btn-link.disabled:focus,
.ant-btn.ant-btn-link[disabled]:focus,
.ant-btn.ant-btn-link.disabled:active,
.ant-btn.ant-btn-link[disabled]:active,
.ant-btn.ant-btn-link.disabled.active,
.ant-btn.ant-btn-link[disabled].active {
  color: @butt_disable_color !important;
  background: @transparent !important;
  border: 1px solid @transparent !important;
}
// }

// :global {

//ant-confirm-btns反馈弹窗、ant-popover-buttons气泡弹窗、ant-modal-footer模态框--按钮样式
.ant-confirm-btns,
.confirm-btn {
  .ant-btn {
    padding: 0 15px !important;
  }
}

.ant-popover-buttons {
  .ant-btn {
    padding: 0 !important;
  }
}

.ant-confirm-btns,
.ant-popover-buttons,
.confirm-btn {
  .ant-btn {
    color: @butt_ghost !important;
    background: @transparent !important;
    border: 1px solid @butt_ghost !important;
  }

  .ant-btn:hover,
  .ant-btn:focus,
  .ant-btn:active,
  .ant-btn.active {
    background: @butt_primary_hover !important;
    color: @butt_text !important;
    border-color: @transparent !important;
  }

  .ant-btn.ant-btn-primary {
    color: @butt_text !important;
    background: @butt_primary !important;
    border: 1px solid @transparent !important;
  }

  .ant-btn.ant-btn-primary:hover,
  .ant-btn.ant-btn-primary:focus,
  .ant-btn.ant-btn-primary.active {
    background: @butt_primary_hover !important;
  }
}
// }
